// 表格布局

.table-base {
	margin-bottom: @baseLineHeight;
	td, th {
		padding: 8px;
		line-height: @baseLineHeight;
		text-align: left;
		vertical-align: top;
		border-color: @tableBorder;
		border-style: solid;
		border-top-width: 1px;
	}
	th {
		font-weight: bold;
	}
	thead {
		td, th {
			border-top-width: 0;
		}
		th {
			vertical-align: bottom;
		}
	}
}

.table-hover {
	tbody {
		tr:hover {
			td, th {
				background-color: @tableBackgroundHover;
			}
		}
	}
}

.table-striped {
	tbody {
		tr:nth-child(odd) td,
		tr:nth-child(odd) th {
			background-color: @tableBackgroundAccent;
		}
	}
}

.table-bordered {
	extend: ".table-base";
	td, th {
		border-width: 1px;
	}
	thead {
		td, th {
			border-top-width: 1px;
		}
	}
}

.table-titled {
	extend: ".table-base";
	extend: ".table-bordered";
	th {
		background-color: @tableBackgroundTitle;
	}
}

.table-bordered-striped {
	extend: ".table-bordered";
	extend: ".table-striped";
}